body{
    min-width: 700px;
}
.login_maid{
    position: absolute;
    width: 100%;
    height: 110%;
    /*height: 100%;*/
    background: radial-gradient(#f2761e,#ef4921);
}
.login_menu{
    width: 305px;
    height:500px;
    border: 40px solid #de0404;
    /*margin: 0 auto;*/
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-63%);
    border-radius: 100px;
    display: flex;
    /*z-index: 2;*/
    box-shadow: 1px 1px 10px #de0404;
}
.login_eye{
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 100px;
    top: 50px;
    overflow: hidden;
    box-shadow: 1px 1px 100px #f2761e;
    background-color: rgba(255, 255, 255, 0.88);
    border: 1px solid #fff;
}
.login_left{
    display: block;
    left: -195px;
}
.login_right{
    left: 348px;
    display: block;
    position: absolute;
}
.login_eye:before{
    content: '';
    width: 100px;
    height: 100px;
    background: black;
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50px;
}
.login_Shut_down_div{
    /*border: 1px solid #000;*/
    position: relative;
    width: 500px;
    height: 120px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-713%);
    /*z-index: 1;*/
}
.login_left_Shut_down,.login_right_Shut_down{
    position: relative;
    width: 152px;
    height: 152px;
    border-radius: 100px;
    /*left: -155px;*/
    overflow: hidden;
    display: inline-block;
    box-shadow: 1px 1px 100px #f2761e;
    background:radial-gradient(#f2761e,#ef4921);
    border: 1px solid #ef4921;
}
.login_left_Shut_down{
    /*left: -155px;*/
    /*top: -338px;*/
    left: -98px;
    /*top: 120px;*/
    opacity: 0;
}
.login_right_Shut_down{
    /*left: 388px;*/
    /*top: -490px;*/
    /*top: -414px;*/
    left: 290px;
    opacity: 0;
}
.login_right_Shut_down:before,.login_left_Shut_down:before{
    content: '';
    width: 153px;
    height: 20px;
    background: black;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50px;
}
.login_poeple_text{
    width: 305px;
    height: 495px;
    border: 10px solid #d20404;
    position:absolute;
    top: 50%;
    background: radial-gradient(#a8031f, #a90c28);
    left: 50%;
    border-radius: 70px;
    transform: translate(-50%,-40%);
    box-shadow: 1px 1px 10px #d20404;

}
.login_username{
    width: 305px;
    height: 100px;
    border-top-left-radius: 62px;
    border-top-right-radius: 62px;
    font-size: 30px;
    border: 1px solid rgba(255, 255, 255, 0);
    outline: none;
    text-align: center;
}
.login_password{
    width: 305px;
    height: 100px;
    /*border-bottom-left-radius: 62px;*/
    /*border-bottom-right-radius: 62px;*/
    font-size: 30px;
    border: 1px solid rgba(255, 255, 255, 0);
    outline: none;
    text-align: center;
    /*border-bottom:10px solid black;*/
}
.login_submit_bottom_div{
    position: relative;
    top: 50%;
    left: 50%;
    border-radius: 70px;
    transform: translate(-50%,-470%);
    width: 200px;
    height: 150px;
    /*border: 1px solid #000;*/
    line-height: 200px;
    text-align: center;
    border: 20px solid rgba(217, 23, 57, 0.85);
    box-sizing: border-box;
    box-shadow: 1px 1px 10px rgba(217, 23, 57, 0.85);
}
.login_submit_button{
    display: block;
    width: 160px;
    height: 110px;
    border-radius: 50px;
    outline: none;
    border: 0;
    font-size: 60px;
    /*background: radial-gradient(rgba(217, 23, 57, 0.85),#c5062a);*/
    background: radial-gradient(#f64f6c,#c5062a);
    color: rgba(255, 255, 255, 0.42);
}
.login_submit_button:after{
    content: '';
    width: 20px;
    height: 61px;
    display: block;
    /*border: 1px solid #000000*/
    position: relative;
    left: 70px;
    top: -10px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    background-color: rgba(217, 23, 57, 0.76);
}
/*注册/登录切换*/
.login_option_text{
    /* border:1px solid #000; */
    display: inline-block;
    font-size: 30px;
    /* background-color:black; */
    transform: translate(83px,0px);
}
.login_switch{
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background-color: #fff;
    transform: translate(-58px,0px);
    position: relative;
    border: 1px solid #fff;
    box-shadow: -10px -10px 15px #66666648 inset;
}
.login_find_option,.login_switch{
    display: inline-block;
    margin-left: -2px;
}
.login_find_option {
    width: 150px;
    position: relative;
    top: 10%;
    left: 50%;
    transform: translate(-50%,-80%);
    height: 81px;
    border-radius: 40px;
    box-shadow: 0 0 6px #666666b1;
    /*text-align: 81px;*/
    background-color: rgba(255, 0, 0, 0.567);
}
.login_home{
    width: 50px;
    height: 50px;
    /*border: 1px solid #000;*/
    position: relative;
    text-align: center;
    line-height: 50px;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}
.login_home_img{
    font-size: 50px;
    color:red;
}